<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!-- saved from url=(0021)http://192.168.1.201/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>PROGETTI HW SW</title>
		<link href="./PROGETTI HW SW_files/mchp.css" rel="stylesheet" type="text/css">
		<script src="./PROGETTI HW SW_files/mchp.js" type="text/javascript"></script>
		<script src="./PROGETTI HW SW_files/sylvester-0-1-3/sylvester.js" type="text/javascript"></script>
		<!--[if IE]>
		<script src="./PROGETTI HW SW_files/mchp_IEcss.js" type="text/javascript"></script>
		<link href="./PROGETTI HW SW_files/mchp_IE.css" rel="stylesheet" type="text/css">
		<![endif]-->
	</head>
	<body onload="IEworkaround()">
		<div id="shadow-one">
			<div id="shadow-two">
				<div id="shadow-three">
					<div id="shadow-four">
						<div id="page">
							<div style="padding:0 0 5px 5px"><img src="./PROGETTI HW SW_files/progetti.gif" alt="www.progettihwsw.com">
							</div>
							<div id="title">
								<div class="right">
									TCP/IP Stack www.progettihwsw.com
								</div><span id="hello"></span>
							</div>
							<div id="menu">
								<a href="http://192.168.1.201/index.htm">Overview</a>
								<a href="http://192.168.1.201/forms.htm">Form Processing</a>
								<a href="http://192.168.1.201/auth.htm">Authentication</a>
								<a href="http://192.168.1.201/email">Send E-mail</a>
								<a href="http://192.168.1.201/protect/config.htm">Configuration</a>
							</div>
							<div id="content">
								<div id="status">
									<div id="loading" style="display: none; ">
										Error:
										<br>
										Connection to demo board was lost.
									</div>
									<div id="display" style="display: inline; ">
										<span style="float:right; clear:both;font-size:9px;font-weight:normal;padding-top:8px;text-indent:0px">(click to toggle)</span>
										<div class="cross over_top_bottom">
											<div id="controllo_group_0" class="control_group_top_bottom">
												<div class="single_control_top_bottom">
													IN0
												</div>
												<div class="single_control_top_bottom">
													&#923;
												</div>
												<div class="single_control_top_bottom">
													R0
												</div>
												<div class="single_control_top_bottom leds">
													<a id="led0" onclick="newAJAXCommand(&#39;leds.cgi?led=0&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a>
												</div>
											</div>
											<div id="controllo_1" class="control_group_top_bottom">
												<div class="single_control_top_bottom">
													IN1
												</div>
												<div class="single_control_top_bottom">
													&#923;
												</div>
												<div class="single_control_top_bottom">
													R1
												</div>
												<div class="single_control_top_bottom leds">
													<a id="led1" onclick="newAJAXCommand(&#39;leds.cgi?led=1&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a>
												</div>
											</div>
											<div id="controllo_group_2" class="control_group_top_bottom">
												<div class="single_control_top_bottom">
													IN2
												</div>
												<div class="single_control_top_bottom">
													&#923;
												</div>
												<div class="single_control_top_bottom">
													R2
												</div>
												<div class="single_control_top_bottom leds">
													<a id="led2" onclick="newAJAXCommand(&#39;leds.cgi?led=2&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a>
												</div>
											</div>
											<div class="clear"></div>
										</div>
										<div class="cross over_middle">
											<table width="100%">
												<tr class="table_row" align="center">
													<table class="table_control_group">
														<tr>
															<td class="table_column">
															<div class="table_column_div_min_width">
																IN7
															</div><div class="table_column_div_clear "></div></td>
															<td class="table_column"  >
															<div class="table_column_div_min_width ">
																&#923;
															</div><div class="table_column_div_clear "></div></td>
															<td class="table_column" >
															<div class="table_column_div_min_width ">
																R7
															</div><div class="table_column_div_clear "></div></td>
															<td align="center" class="table_column" ><a class="leds table_column_div_min_width " id="led7" onclick="newAJAXCommand(&#39;leds.cgi?led=7&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a><div class="table_column_div_clear "></div></td>
														</tr>
													</table>
													<td class="table_column" >
													<div class="table_spacer">
														&nbsp;
													</div></td>
													<table class="table_control_group">
														<tr>
															<td class="table_column" ><a class=" leds table_column_div_min_width " id="led3" onclick="newAJAXCommand(&#39;leds.cgi?led=3&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a><div class="table_column_div_clear "></div></td>
															<td class="table_column"  >
															<div class="table_column_div_min_width">
																R3
															</div><div class="table_column_div_clear "></div></td>
															<td class="table_column" >
															<div class="table_column_div_min_width">
																&#923;
															</div><div class="table_column_div_clear "></div></td>
															<td class="table_column"  >
															<div class="table_column_div_min_width">
																IN3
															</div><div class="table_column_div_clear "></div></td>
														</tr>
													</table>
												</tr>
											</table>
											<div class="clear"></div>
										</div>
										<div class="cross over_top_bottom">
											<div id="controllo_group_6" class="control_group_top_bottom">
												<div class="single_control_top_bottom leds">
													<a id="led6" onclick="newAJAXCommand(&#39;leds.cgi?led=6&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a>
												</div>
												<div class="single_control_top_bottom">
													R6
												</div>
												<div class="single_control_top_bottom">
													&#923;
												</div>
												<div class="single_control_top_bottom">
													IN6
												</div>
											</div>
											<div class="control_group_top_bottom">
												<div class="single_control_top_bottom leds">
													<a id="led5" onclick="newAJAXCommand(&#39;leds.cgi?led=5&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a>
												</div>
												<div class="single_control_top_bottom">
													R5
												</div>
												<div class="single_control_top_bottom">
													&#923;
												</div>
												<div class="single_control_top_bottom">
													IN5
												</div>
											</div>
											<div id="controllo_group_4" class="control_group_top_bottom">
												<div class="single_control_top_bottom leds">
													<a id="led4" onclick="newAJAXCommand(&#39;leds.cgi?led=4&#39;);" style="color: rgb(221, 221, 221); ">&bull;</a>
												</div>
												<div class="single_control_top_bottom">
													R4
												</div>
												<div class="single_control_top_bottom">
													&#923;
												</div>
												<div class="single_control_top_bottom">
													IN4
												</div>
											</div>
											<div class="clear"></div>
										</div>
										<div class="clear"></div>
										<p>
											R8,R7,R6,R5,R4,R3,R2,R1
										</p>
										<p>
											&nbsp;
										</p>
										<p>
											INPUTs:
											<br>
											<p>
												&nbsp;&nbsp;  8 &nbsp; 7 &nbsp; 6 &nbsp; 5 &nbsp; 4 &nbsp; 3 &nbsp; 2 &nbsp; 1
											</p>
									</div>
								</div>
								<h1>Welcome!</h1>
								<table style="padding-left: 10px;">
									<tbody>
										<tr>
											<td><b>Stack Version:</b></td><td>&nbsp;</td><td>v3 8/1/10</td>
										</tr>
										<tr>
											<td><b>Build Date:</b></td><td>&nbsp;</td><td>Jan 08 2010 02:07:25</td>
										</tr>
									</tbody>
								</table>
								<p>
									This site demonstrates the power, flexibility, and scalability of an 8 bit embedded
									web server.
									<br>
									On the right you'll see the current status of the demo board. Click the Relays to toggle the Relay on the board.
								</p>
								<p>
									Type Http://IP_ADDRESS/status.xml to view the RELAYs and INPUTs status
								</p>
								<ul>
									<li>
										<b>Dynamic Variable Substitution</b> - display real-time data
									</li>
									<li>
										<b>Form Processing</b> - handle input from the client
									</li>
									<li>
										<b>Authentication</b> - require a user name and password
									</li>
									<li>
										<b>File Uploads</b> - parse files for configuration settings and more
									</li>
								</ul>
								<p>
									Several example applications are also provided for updating configuration
									parameters, sending e-mails, and controlling the Dynamic DNS client.
								</p>
								<form method="get" action="http://192.168.1.201/index.htm">
									<input type="submit" value="Toggle R1 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=I&#39;);">
									<input type="submit" value="Toggle R2 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=L&#39;);">
									<input type="submit" value="Toggle R3 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=M&#39;);">
									<input type="submit" value="Toggle R4 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=N&#39;);">
									<input type="submit" value="Toggle R5 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=O&#39;);">
									<input type="submit" value="Toggle R6 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=P&#39;);">
									<input type="submit" value="Toggle R7 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=Q&#39;);">
									<input type="submit" value="Toggle R8 2S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=R&#39;);">
									<br>
									<br>
									<input type="submit" value="Toggle R1 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=A&#39;);">
									<input type="submit" value="Toggle R2 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=B&#39;);">
									<input type="submit" value="Toggle R3 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=C&#39;);">
									<input type="submit" value="Toggle R4 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=D&#39;);">
									<input type="submit" value="Toggle R5 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=E&#39;);">
									<input type="submit" value="Toggle R6 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=F&#39;);">
									<input type="submit" value="Toggle R7 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=G&#39;);">
									<input type="submit" value="Toggle R8 1S" onclick="newAJAXCommand(&#39;toggle.cgi?toggle=H&#39;);">
									<br>
									<br>
								</form>
							</div>
							<script type="text/javascript">
								/*
								 <!--
								 // Parses the xmlResponse from status.xml and updates the status box
								 function updateStatus(xmlData) {
								 // Check if a timeout occurred
								 if(!xmlData)
								 {
								 document.getElementById('display').style.display = 'none';
								 document.getElementById('loading').style.display = 'inline';
								 return;
								 }

								 // Make sure we're displaying the status display
								 document.getElementById('loading').style.display = 'none';
								 document.getElementById('display').style.display = 'inline';

								 // Loop over all the RELAYs
								 for(i = 0; i < 8; i++) {
								 if(getXMLValue(xmlData, 'led'+i) == '1')
								 document.getElementById('led' + i).style.color = '#090';
								 else
								 document.getElementById('led' + i).style.color = '#ddd';
								 }

								 // Loop over all the buttons
								 for(i = 0; i < 8; i++) {
								 if(getXMLValue(xmlData, 'btn'+i) == 'up')
								 document.getElementById('btn' + i).innerHTML = '&Lambda;';
								 else
								 document.getElementById('btn' + i).innerHTML = 'V';
								 }
								 }
								 setTimeout("newAJAXCommand('status.xml', updateStatus, true)",500);
								 //-->
								 */
							</script>
							<script type="text/javascript">
								<!--
								document.getElementById('hello').innerHTML ="";
								//-->
							</script>
							<div class="spacer">
								&nbsp;
							</div>
							<div id="footer">
								Copyright &#169 2008 Microchip Technology, Inc.
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>